<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form</title>
</head>
<body>
    <h1>注册表单</h1>
    <form action="" method="post">
        <ul style="list-style: none">
            <li>
                <label for="username">name:</label>
                <input type="text" name="username" id="username">
            </li>
            <li>
                <label for="passworf">pwd:</label>
                <input type="password" id="passworf">
            </li>
            <li>
                <label>gender:</label>
                <input type="radio" name="gender" id="male"> <label for="male">m</label>
                <input type="radio" name="gender" id="female"> <label for="female">f</label>
            </li>
            <li>
                <label>hobby:</label>
                <input type="checkbox" name="hobby"> study
                <input type="checkbox" name="hobby"> shop
                <input type="checkbox" name="hobby"> python
                <input type="checkbox" name="hobby"> java
                <input type="checkbox" name="hobby"> c++
                <input type="checkbox" name="hobby"> php
            </li>
            <li>
                <label>photo:</label>
                <input type="file">
            </li>
            <li>
                <label>other:</label>
                <textarea></textarea>
            </li>
            <li>
                <label>nation:</label>
                <select>
                    <option>china</option>
                    <option>japen</option>
                    <option>USA</option>
                    <option>english</option>
                </select>
            </li>
            <li>
                <input type="submit" value="submit">
                <input type="reset" value="reset">
                <input type="image" value="image" src="../images/life.png">
            </li>
        </ul>
    </form>
</body>
</html>